.box{
  background-color: #f7f6fa;
  height: 100vh;
  .box1{
    background-color: #67cabc;
    height: 90rpx;
    line-height: 90rpx;
    color: #fff;
    text-align: center;
    display: flex;
    padding: 0 30rpx;
    .box11{
      width: 85%;
    }
  }
  .box2{
    height: 220rpx;
    background: linear-gradient(to bottom, #67cabc, #f7f6fa, #f7f6fa);
    padding-top: 30rpx;
    .box3{
      width: 95%;
      margin: auto;
      background-color: #fff;
      border-radius: 25rpx;
      margin-top: 20rpx;
      padding: 20rpx;
      box-sizing: border-box;
      .box40{
        display: flex;
        border-bottom: 1px solid #ccc;
        box-sizing: border-box;
        padding: 0 0 10rpx;
        image{
          width: 50rpx;
          height: 50rpx;
        }
      }
      .box41{
        display: flex;
        justify-content: space-between;
        margin: 20rpx 0;
      }
    }
  }
  .tanchu{
    width: 600rpx;
    padding: 20rpx;
    box-sizing: border-box;
    border-radius: 35rpx;
    background-color: #fff;
    text-align: center;
    .but{
      display: flex;
      margin-bottom: 20rpx;
      .but1{
        width: 40%;
        background-color: #fff;
        border-radius: 50rpx;
        border: 1px solid #ccc;
      }
      .but2{
        width: 40%;
        background-color: #008c8c;
        border-radius: 50rpx;
        border: 1px solid #008c8c;
        color: #fff;
      }
    }
  }
}